<template>
	<!-- 每一项盒子 -->
	<view class="flow">
		<text class="flow-text">流量活动</text>
		<view class="content">
			<!-- <CardItem /> --> <!-- 优惠券 -->
			<taeteFresh />
			<superFullReduction />
			<newGuest />
			<!-- <seckillItem /> --> <!-- 秒杀活动 -->
			<seckill />
		</view>
		<text class="flow-text">店铺活动</text>
		<view class="content">
			<shopTasting></shopTasting>
			<DepreciatePromotionCard />
			<fullDiscountCard />
			<fullGiftCard />
		</view>
	</view>
</template>

<script>
	import taeteFresh from "./tasteFreshPrice/tasteFreshPrice.vue";
	import CardItem from "./card-item/carditem.vue";
	import DepreciatePromotionCard from "./depreciate-promotion-card/index.vue"; // 降价促销
	import seckillItem from "./seckill-item/seckillItem.vue"; // 秒杀
	import fullGiftCard from "./full-gift-card/index.vue"; // 店铺满赠
	import fullDiscountCard from "./full-discount-card/index.vue"; // 店铺满减
	import shopTasting from "./shop-tasting/shopTasting.vue"; // 店铺尝鲜
	import newGuest from "./new-guest/newGuest.vue"; //新客爆品
	import superFullReduction from "./super-full-reduction/index.vue"; //超级减满
	import seckill from "./seckill/index.vue"; //旧秒杀活动
	export default {
		components: {
			// 卡片
			CardItem,
			taeteFresh,
			DepreciatePromotionCard,
			seckillItem,
			fullGiftCard,
			shopTasting,
			newGuest,
			superFullReduction,
			seckill,
			fullDiscountCard
		},

	}
</script>

<style lang="scss">
	//	流量活动
	.flow {
		margin-top: 20px;

		// 流量活动标题
		.flow-text {
			font-size: 33rpx;
			font-weight: 600;
		}

		//	内容
		.content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			margin-top: 20px;
		}
	}
</style>